<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>折线图</title>
		<script type="text/javascript" src="js/echarts.js" ></script>
	</head>
	<body>
		<div id="sales" style="width: 600px;height: 600px;">
			<script>
				myCharts = echarts.init(document.getElementById("sales"),'dark');
				var option = {
					title:{
						text:'一周的销量变化曲线',
						subtext:'2022年第20周',
						left:'center'
					},
					tooltip:{},
					toolbox:{
						show:true,
						feature:{
							mark:{show:true},
							dataView:{show:true,readOnly:false},
							magicType:{show:true,type:['line','bar']},
							restore:{show:true},
							saveAsImage:{show:true}
						}
					},/*工具箱组件*/
					xAxis:{
						type:'category',
						data:['周一','周二','周三','周四','周五','周六','周日']
					},
					yAxis:{
						type:'value'
					},
					legend:{
						data:['鼠标销量','水杯销量'],
						left:'left'
					},/*图例*/
					series:[
					{
						name:'鼠标销量',
					    data:[300,500,400,700,860,900,840],
					    type:'line',
					    //smooth:true
					},
					{
						name:'水杯销量',
					    data:[100,300,600,700,560,700,440],
					    type:'line',
					    //smooth:true
					}
				  ]
				};
				myCharts.setOption(option);
			</script>
		</div>
	</body>
</html>
